<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>熙心体检系统</title>
		<script src="js/vue.global.js"></script>
		<script src="js/element-plus.full.js"></script>
		<script src="js/element-plus-icons-vue.iife.min.js"></script>
		<link rel="stylesheet" href="css/element-plus-index.css" />
		<link rel="stylesheet" href="css/main.css" />
		<style>
					iframe {
						border: 0px solid;
						width: 100%;
						height: 99%;
					}
		
					a {
						text-decoration: none;
					}
				</style>
	</head>
	<body>
		<div id="app">
					<el-container class="container">
						<!-- 头部 -->
						<el-header class="header">
							<!-- 左侧 -->
							<div>
								<!-- icon图标 -->
								<el-icon color="#fff" style="font-size: 16px; margin-right: 8px">
									<Phone />
								</el-icon>
								<!-- 标题 -->
								<h1>熙心健康体检系统</h1>
							</div>
							<!-- 右侧 -->
							<div>
								<p>系统管理员：admin</p>
									<el-button type="danger" @click="logout" size="small">OUT</el-button>
							</div>
						</el-header>
						<!-- 显示区域 -->
						<el-container>
							<!-- 侧边导航栏 -->
							<el-aside class="aside">
								<el-menu active-text-color="#ffd04b" background-color="#333744" class="el-menu-vertical-demo"
									text-color="#fff" @open="handleOpen" @close="handleClose">
									<a href="shouye.html" target="myframe">
										<el-menu-item index="1">
											<el-icon>
												<location />
											</el-icon>
											<span>首页</span>
										</el-menu-item>
									</a>
									<a href="tijianyuyue.html" target="myframe">
										<el-menu-item index="2">
											<el-icon>
												<Service />
											</el-icon>
											<span>体检预约</span>
										</el-menu-item>
									</a>
									<a href="yuyueliebiao.html" target="myframe">
										<el-menu-item index="3">
											<el-icon>
												<Grid />
											</el-icon>
											<span>预约列表</span>
										</el-menu-item>
									</a>
									<a href="tijiankehucheck.html" target="myframe">
										<el-menu-item index="4">
											<el-icon>
												<document />
											</el-icon>
											<span>体检客户查询</span>
										</el-menu-item>
									</a>
								</el-menu>
							</el-aside>
		
							<el-container>
								<!-- 主显示区 -->
								<el-main class="main">
									<iframe src="welcome.html" name="myframe" class="myframe"></iframe>
								</el-main>
								<!-- 底部内容 -->
								<el-footer class="footer">
									&copy; 版权所有&nbsp;东软集团 &nbsp; www.neusoft.com
								</el-footer>
							</el-container>
						</el-container>
					</el-container>
				</div>
	</body>
	<script>
			const App = {
				data() {
					return {
	
					}
				},
				methods: {
					logout(){
						location.href="denglu.html";
					}
				}
			};
			const app = Vue.createApp(App);
			app.use(ElementPlus);
			app.component("phone", ElementPlusIconsVue.Phone);
			app.component("document", ElementPlusIconsVue.Document);
			app.component("Service", ElementPlusIconsVue.Service);
			app.component("Location", ElementPlusIconsVue.Location);
			app.component("Grid", ElementPlusIconsVue.Grid);
			app.mount("#app");
		</script>
</html>